<template>
    <div>
      <!-- 左侧导航区 -->
      <el-row class="tac">
        <el-col :span="12">
          <el-menu
            :default-active="this.$route.path"
            class="el-menu-vertical-demo"
            background-color="#219a21"
            text-color="#fff"
            active-text-color="#ffd04b"
            router
          >  
          <el-menu-item index="/sys/main">
            <template slot="title">
              <i class="el-icon-menu"></i>
              <span>首页</span>
            </template>
          </el-menu-item>

            <el-submenu index="/sys/goodsMsg">
              <template slot="title">
                <i class="el-icon-s-goods"></i>
                <span>商品管理</span>
              </template>
              <el-menu-item-group>
                <el-menu-item index="/sys/goodsEdit">商品展示</el-menu-item>
                <el-menu-item index="/sys/goodsAdd">商品添加</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
  
            <el-submenu index="/orderMsg">
              <template slot="title">
                <i class="el-icon-s-order"></i>
                <span>订单管理</span>
              </template>
              <!-- <el-menu-item-group> -->
                <el-menu-item index="/sys/orderDeliver">订单发货</el-menu-item>
              <!-- </el-menu-item-group> -->
            </el-submenu>
            
          </el-menu>
        </el-col>
      </el-row>
      <!-- 右侧信息区 -->
    </div>
  </template>
  
  <script>
  export default {
    name: "SysSlider",
    data() {
      return {};
    },
    methods:{
     
        
      
    }
  };
  </script>
  
  <style lang='less' scoped>
    .tac{
      width: 200%;
    }
  </style>